@charset "utf-8";

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,
figcaption,figure,footer,header,menu,nav,section{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {
  display:block;
}
ol,ul,li{
  list-style:none;
}
input,label,textarea{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-appearance: none;
}
table{
  border-spacing: 0;
  border-collapse: collapse;
}
i,em{
  font-style: normal;
}
a{
  text-decoration: none;
  box-sizing: border-box;
}

// mixin
%text-truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


// 自定义
body{
  font-size: 14px;
  line-height: 1.2;
  background-color: #82807e;
  background-image: url("../img/bg.jpg");
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.content{
  margin-left: 15px;
  margin-right: 15px;
}
.warpper{
  margin-bottom: 15px;
}
.text-center{
  text-align: center;
}
.pull-right{
  float: right;
}
.pull-left{
  float: left;
}
.clearfix:after{
  display: table;
  content: "";
  clear: both;
}
.img{
  width: 100%;
}